<template>
  <div class="luckyBagRain">
    <div class="head"></div>
    <div class="list">
      <img src="../../../../static/game/groupBuying/icons.png" alt="" />
      <div class="listContent">
        <div class="listDisplay">
          <div class="text1">拼团理财</div>
          <div class="text2">即将成团</div>
        </div>
        <div style="display: flex;align-items: center;margin-top: 16px;">
          <div class="listDisplay2">
            <div class="listLeft">3人团</div>
            <div class="listRight">已拼2份</div>
          </div>
          <div class="anniu">去拼团</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  // 请求接口
  import {
    activityInfo2,
    activityVerify,
    draw,
    placeOrder,
    postPrepay,
    getUserInfo
  } from '@/api/raffle.js'
  import redChangePhone from '@/components/redChangePhone'
  import activityRule from '@/components/activityRule'
  import {
    Dialog
  } from 'vant'
  import {
    setStore,
    getStore,
    removeStore
  } from '@/utils/storage'
  import {
    baseApi,
    wechatAuthUrlTail,
    preLoginUrl
  } from '@/config'
  import axios from 'axios'
  export default {
    components: {
      redChangePhone,
      activityRule
    },
    data() {
      return {
        list: [],
        nubmer: 0,
        setInterva:null,
        ruleShow: false,
        activityCode: '', //活动信息唯一code
        updatePhoneShow: false, //手机号弹窗
        mallActivityEntity: {}, //活动信息
        activity: {}, //活动内容
        isSettimer: false,
        titles: '绑定手机号',
        goodsType: '',
        orderSn: '',
        time:3,
        timeInter:null,
        isPopup:false,
        lotteryBool:'',
        goodsName:''
      }
    },
    mounted() {
      this.activityCode = this.$route.query.activityCode
      setStore('activityCode',this.$route.query.activityCode)

    },
    methods: {
      // 提示
      dialog(message, url) {
        Dialog.alert({
          message: message,
        }).then(() => {
          // on close
          if (url) {

          }
        });
      },
      showToast(msg) {
        this.$toast({
          message: msg,
          position: 'center',
          duration: 2500
        })
      },
    }
  }
</script>

<style lang="scss" scoped>
  .luckyBagRain {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    .head{
      width: 375px;
      height: 174px;
      background: url('../../../../static/game/groupBuying/head.png') no-repeat;
      background-size: 100% 100%;
    }
    .list{
      width: 353px;
      height: 125px;
      margin: 16px auto 0;
      background-color: #fff;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      img{
        width: 92px;
        height: 92px;
      }
      .listContent{
        margin-left: 10px;
      }
      .listDisplay{
        display: flex;
        align-items: center;
        width: 230px;
        .text1{
          font-weight: 500;
          font-size: 20px;
          color: #333333;
        }
        .text2{
          font-weight: 400;
          font-size: 12px;
          color: #EA3A36;
          border: 1px solid #ED5A57;
          width: 62px;
          height: 19px;
          text-align: center;
          line-height: 19px;
          box-sizing: border-box;
          margin-left: 10px;
          border-radius: 4px;
        }
      }
      .listDisplay2{
        width: 110px;
        height: 23px;
        display: flex;
        background-color: rgb(236, 95, 58);
        border: 1px solid #ED5A57;
        .listLeft{
          width: 48px;
          height: 23px;
          font-weight: 400;
          font-size: 15px;
          color: #FFEFEF;
          text-align: center;
          line-height: 23px;
        }
        .listRight{
          width: 62px;
          height: 23px;
          background-color: #FDF5F5;
          font-weight: 400;
          font-size: 15px;
          color: #EA3A36;
          text-align: center;
          line-height: 23px;
        }
      }
      .anniu{
        width: 93px;
        height: 33px;
        background: url('../../../../static/game/groupBuying/an.png') no-repeat;
        background-size: 100% 100%;
        font-weight: 400;
        font-size: 17px;
        color: #FFEFEF;
        text-align: center;
        line-height: 33px;
        margin-left: 17px;
      }
    }
  }
</style>
